<template>
	<page title="本人如实申告，是否具有下列疾病或情况" seconds="160">
		<div class="ill-box">
			<div class="box-left">
				<div style="flex:1; border-right:solid 1px #adbac3">
					<ill name="器质性心脏病" @ill="warnIll"></ill>
				</div>
				<div style="flex:1;">
					<ill name="癫痫" @ill="warnIll"></ill>
				</div>
			</div>
			
			<div class="box-left" style="background-color: #e7eef4;">
				<div style="flex:1; border-right:solid 1px #adbac3">
					<ill name="癔病" @ill="warnIll"></ill>
				</div>
				<div style="flex:1;">
					<ill name="震颤麻痹" @ill="warnIll"></ill>
				</div>
			</div>
			
			<div class="box-left" style="background-color: #e7eef4;">
				<div style="flex:1; border-right:solid 1px #adbac3">
					<ill name="美尼尔氏症" @ill="warnIll"></ill>
				</div>
				<div style="flex:1;">
					<ill name="眩晕" @ill="warnIll"></ill>
				</div>
			</div>
			
			<div class="box-left" style="background-color: #e7eef4;">
				<div style="flex:1; border-right:solid 1px #adbac3">
					<ill name="精神病" @ill="warnIll"></ill>
				</div>
				<div style="flex:1;">
					<ill name="痴呆" @ill="warnIll"></ill>
				</div>
			</div>
			
			<div class="box-left" style="background-color: #e7eef4;">
				<div style="flex:1; ">
					<ill name="影响肢体活动的神经系统疾病等妨碍驾驶安全疾病" @ill="warnIll"></ill>
				</div> 
			</div>
			
			<div class="box-left" style="background-color: #e7eef4;">
				<div style="flex:1; ">
					<ill name="吸食、注射毒品、长期服用依赖性精神药品成瘾尚未解除" @ill="warnIll"></ill>
				</div> 
			</div>
			
		</div>
		 
		
		<template #footer>
			<a class="btn-big" @click="confirmNoIll">确 定</a>
		</template>
		
		<modal :title="'疾病确认:' + illName " :hideTitle="true" v-if="warning" >
			<div style="padding-top: 110px;">
				您确定具有此项疾病吗? 
			</div>
			<template #footer> 
				<a class="btn" @click="confirmIll">确 定</a>
				<a class="btn" @click="warning=false;">返 回</a>
			</template>
		</modal>
	</page>
	
</template>

<script>
	import Ill from './Ill.vue'
	
	export default{
		data(){
			return {
			    warning:false,
				illName:'',
			}
		},
		
		components:{
			ill:Ill
		},
		
		methods:{
			warnIll(illName){
				this.illName = illName;
				this.warning = true;
			},
			
			confirmIll(){
				this.send({name:'ConfirmIll', illName:this.illName, remark:'用户确认存在疾病'});
			},
			
			confirmNoIll(){
				this.send({name:'ConfirmNoIll', remark:'用户确认无下列疾病'});
			},
		}
	}
</script>

<style scoped="scoped">
	.ill-box{
		width:1200px;
		height:600px;
		margin:46px auto 0 auto;
		border:solid 2px #adbac3;
		border-radius: 20px;
	}
</style>
